<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>
<script>
  const vm = new Vue({
    // el: '#app',
    template: `
     <h1>{{ name }}的Vue</h1>
    `,
    data: {
      name: '王伟伦',
    },
  });

  setTimeout(() => {
    vm.$mount('#app');
  }, 2000);

  /*
    如果 Vue 实例在实例化的时候没有收到 el 配置项，则它处于“未挂载”的状态，没有关联的 DOM 元素
    可以使用 vm.$mount() 手动的挂载一个未挂载的实例
    接收的参数可以是选择器 string ，也可以是一个获取的DOM元素，来作为容器
    我们可以使用 $mount 进行异步的挂载
  */
</script>
